@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, fieldset,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
}

ol, ul, li {
    list-style: none;
}

html {
/*    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    font-size: 50px;
    height: auto;
}

body {
    color: #333;
    font-size: .32rem;
    font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;;
    margin: 0 auto;
    height: auto;
    background-color: #dedede;
}

h1, h2, h3 {
    font-size: .375rem;
}

h4, h5, h6 {
    font-size: .2rem;
	text-align:right;
}
h4 {
	margin:.1rem auto;
	}
h4 strong{
    display:inline-block;
    line-height: .2rem;
    min-height: .15rem;
    min-width: .25rem;
}
h4 span{
	display:inline-block;
	margin:0 2px;
	border:1px solid #ccc;
	padding:2px;
	border-radius:2px;
    min-height: .15rem;
    line-height: .2rem;
    min-width: .25rem;
    text-align: center;
}


a, img {
    -webkit-touch-callout: none;
}

a:link,
a:visited {
    text-decoration: none;
    color: blue;
}

a:active {
    text-decoration: none;
    color: #bce8ff;
}
a:hover{
	color:#0CF;
}
.p-clear-fix:after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}

.hide {
    display: none;
}

.show {
    display: block;
}


/*tab*/
.p-tab {
    margin: 0 auto;
	padding-bottom:.5rem;
}

.p-tab-h {
    border-radius: 4px;
    padding: .2rem .16rem;
}

.p-tab-h li {
    float: left;
    border:1px solid #5279ff;
    border-right: none;
    box-sizing: border-box;
    height: 0.7rem;
    width: 33%;
    overflow: hidden;
    position: relative;
    color: #5279ff;
}

.p-tab-h li:first-child {
    width: 33%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.p-tab-h li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #5279ff;
    width: 34%;
}

.p-tab-h li span {
    line-height: 0.68rem;
    font-size: .3rem;
    white-space: nowrap;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    cursor: pointer;
}

.p-tab-h li span:active {
    background: #5279ff;
    color: #fff;
}

.p-tab-h li.cur {
    background: #5279ff;
    color: #fff;
}

.p-tab-h li.hid {
    background: #fff;
    color: #5279ff;
}

.p-tab-c {
    padding: 0 .16rem .5rem;
}


/*4分栏*/
.p-tab-h-4 li,
.p-tab-h-4 li:first-child,
.p-tab-h-4 li:last-child{
    width: 25%;
}

/*2分栏*/
.p-tab-h-2 li,
.p-tab-h-2 li:first-child,
.p-tab-h-2 li:last-child{
    width: 50%;
}
.p-tab-h-5 li,
.p-tab-h-5 li:first-child,
.p-tab-h-5 li:last-child{
    width: 20%;
}





.p-tab-item {
    width: 100%;
    overflow-x: auto;
}
/*取消横向滚动*/
.cancel-scroll{
	overflow-x:hidden;
}

/*内页头部*/
.p-back {
    font-size: .3rem;
    height: .9rem;
    line-height: .9rem;
    background: #7f97ea;
}

.p-back a:link,
.p-back a:visited {
    color: rgba(255, 255, 255, 1);
}

.p-back .l {
    float: left;
    width: 20%;
    height: .9rem;
}

.p-back .m {
    width: 60%;
    height: .9rem;
    float: left;
    color: #fff;
    font-size: .375rem;
    text-align: center;
}

.p-back .r {
    width: 20%;
    height: .9rem;
    float: right;
    text-align: right;
}

/* left bar*/
.p-back .back-btn {
    width: auto;
    display: block;
    height: .9rem;
}

.p-back .back-btn i {
    width: .4rem;
    height: .4rem;
    display: inline-block;
    vertical-align: -10%;
    background: url("../images/bg/back-icon.png") center no-repeat;
    background-size: contain;
    padding-left: .1rem;
}

.p-back .back-btn span {
    display: inline-block;
}

/*right bar*/
.p-back .btn-ok {
    width: auto;
    display: block;
    height: .9rem;
}

.p-back .r a:link,
.p-back .r a:visited {
    color: #00d2ff;
}



/*图片标题*/
.title-full {
    height: .8rem;
    line-height: .8rem;
}

.title-full a {
    color: red;
    text-decoration: underline;
}

/*图片显示*/
.delete{
    width: 3rem;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    background: #5279ff;
    line-height: .7rem;
    z-index: 11;
    color: #fff;
    font-size: .3rem;
}
.add-img {
    color: #b5b5b5;
	margin-bottom:.4rem;
	box-sizing:border-box;
    background: #f4f4f4;
    white-space: nowrap;
    overflow-x: auto;
    padding: .1rem;
    z-index: 1;
}

.image {
    display: inline-block;
	border:1px solid #d0d0d0;
	border-radius:3px;
    width: 3rem;
    height: 3rem;
    text-align: center;
    margin: 0 .1rem ;
    position: relative;
}

.img-box{
    display: table-cell;
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
    text-align: center;
}

.img-box img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;  
}


.btn_addPic{
    display: inline-block;
    float: left;
    width: 3rem;
}
.btn_addPic  p {
    color: #888;
    background:url("../images/bg/addpng.png")center no-repeat #fff;
    background-size: contain;
    border-radius: 4px;
    height: 3rem;
}
.btn_addPic  p input{
    display: block;
    height: 3rem;
    opacity: 0;
    border:0;
}






.project-cls{
	line-height:1rem;
	font-size:.32rem;
	color:#666;

}
.project-cls h1{
	width:20%;
	float:left;
    padding: .2rem .2rem 0 .2rem;
	}
.project-cls .r{
	float:right
}
.project-cls .r button{
	width:1.5rem;
	line-height:.6rem;
	background:#7f97ea;
	border:0px; color:#fff;
	border-radius:5px;
	padding:0px;
	vertical-align:-5px;
    margin-right:.2rem;
	cursor:pointer;	
}

/* 下拉框 */
.select-types{
	padding: .2rem .16rem;
}
.select-types select{
 border:1px solid #afafaf;
 line-height:.7rem;
 height:.7rem;
 border-radius:3px;
 display:block;
 width:100%;
 color:#666;
 background-color:transparent;
}


/*表格包裹容器*/
.table-wrapper{
	overflow-x: auto;
}

/*表格默认样式*/
table {
    text-align: center;
    background: #999;
    font-size: .3rem;
    border-collapse: collapse;
    min-width:100%;
	table-layout:fixed;
	width:100%;
	margin-bottom:20px;
}

table td {
    background: #fff;
    text-align: left;
    border: 1px solid #ccc;
    padding: .1rem ;
    white-space:nowrap;
}

table th,
table .title{
    background: #efeeee;
    border: 1px solid #ccc;
    min-width: 2rem;
	text-align:center;
	font-weight:bold;
    padding: .1rem;
    white-space:nowrap;
}

/*嵌套的 table*/
.table-inner{
    margin-bottom: 0;
}
.table-inner td{
	border-top:none;
	border-bottom:none;
    padding: 0;
}

.table-inner td:first-child{
 border-left:none;
}

.table-inner td:last-child{
 border-right:none;
}


/*垂直列*/
table .ver-td{
	width:1em;
	max-width:1em;
	white-space:normal;
	font-weight:bold;

}
table .ver-td span{
	padding:.1rem 0;
	display:block;
}

/*单元格居中*/
table .center-td{
	text-align:center;
}

/*单元格右对齐*/
table .right-td{
	text-align:right;
}

/*去掉 padding */
table .no-padding{
	padding:0;
}


/*允许换行 */
.wrap{
    white-space:normal;
}

/*手动设置宽度 单位为 em ----仅特殊情况下的 title 部分使用，表单部分不要使用*/
.len-1{width: 1em !important;}
.len-2{width: 2em !important;}
.len-3{width: 3em !important;}
.len-10{width: 10em !important;}
.len-15{width: 15em !important;}
.len-20{width: 20em !important;}
.len-30{width: 30em !important; }
.len-40{width: 40em !important; }

.height-3{height:3em}
.height-5{height:5em}
.height-7{height:7em}
.height-9{height:9em}
.height-11{height:11em}
.height-13{height:13em}
.height-15{height:15em}

input {
    font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    display: block;
    height: 2.2em;
	border-radius:2px;
    font-size: .3rem;
    color: #333;
	overflow:visible;
    min-width: 3rem;
    width: 100%;
	border: 0px solid green;
	text-indent:.1rem;
}
.input-line{
    display:  inline-block;
    width: auto; 
	border: 0px solid green;
}

textarea {
    font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    min-width: 2.5rem;
	overflow:visible;
    border: 0px solid green;
	border-radius:2px;
    font-size: .3rem;
    resize: none;
	min-height:3rem;
    height: 100%;
    width: 100%;
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    color: #333;
	text-indent:.1rem;
	padding:.1rem 0;
}

select{
 border:0px solid #afafaf;
 height:.6rem;
 border-radius:3px;
 width:100%;
 color:#666;
 background-color:transparent;
 font-size:.3rem;
}

/*.table-inner select{
    width: auto;
}*/


/* logo td*/
.logo-td{
	text-align:center;
	vertical-align:middle;
}

/*注释信息*/
.comment-info{
    padding: .1rem .16rem;
}

/*添加按钮*/
.btn-add-row{
	background-color:#F90;
	color:#000;
	padding:.2rem;
	font-family:'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	border-radius:5px;	
	border:none;
	outline:none;
}
.btn-add-row:hover{
	background-color:#FC0;
}

	

/*test*/
.form-fields-list{
    margin: .2rem .16rem;
    padding: .2rem;
    background-color: #000;
    color: #fff;
}
.ajax-params{
    margin: .2rem .16rem;
    padding: .2rem;
    border:1px solid #000000;
}
#btnResults{
    margin-right: .1rem;
}
.input-cs{
	width:2rem;
	background:#dedede;
	border: 1px solid #afafaf;
	color:#222;
	height:.5rem;
	text-align:center;
	float:right;
	margin:0 .1rem .1rem .1rem;
	font-weight:bold;
}

.checkbox{
	width:.3rem; height:.3rem; margin:0; min-width:.15rem;
	
}
.relation{
    padding: .2rem.16rem;
	width:95%;
	margin:.2rem;
}
.bor{
	border: 1px solid #afafaf;
}
.relation h4{
	float:left;
	
	}
.button{
	width:1.5rem;
	line-height:.6rem;
	background:#7f97ea;
	border:0px; color:#fff;
	border-radius:5px;
	padding:0px;
	vertical-align:-5px;
    margin-right:.2rem;
	cursor:pointer; background:#5279ff; vertical-align:-.0rem;
}

.p-page-mask {
  background-color: #fff;
  z-index: 8000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  opacity: .9;
}

.p-win {
  width: 10rem;
  height: auto;
  min-height:8rem;
  box-sizing: border-box;
  z-index: 9000;
  position: fixed;
  top: 3rem;
  left: 50%;
  margin-left: -5rem;
  background-color: #fff;
  border: 1px solid #7f97ea;
  border-radius: 5px;
}
.p-wins {
    width:90%;
    height: auto;
    min-height:50%;
    box-sizing: border-box;
    z-index: 9000;
    position: fixed;
    top:6%;
    left:5%;
    background-color: #fff;
    border: 1px solid #7f97ea;
    border-radius: 5px;
}
.p-win-ctrl {
   position: relative;
}
#p-win-img{
    text-align: center;
}
.win-img{
    max-width:100% !important;
    height:auto !important;
    margin: 10% auto;
}
.p-win-close {
    display: block;
    width: .5rem;
    height: .5rem;
    position: absolute;
    z-index: 9001;
    top: -26px;
    right: -25px;
    background-color: #fff;
    text-align: center;
    font-size: .5rem;
    line-height: .45rem;
    border: 1px solid #7f97ea;
    border-left: none;
}

.p-win-close:after {
  display: inline-block;
  content: '';
  width: 9px;
  height: 9px;
  background-position: 0 -107px;
  vertical-align: 7%;
  
}

.p-win-closes {
    display: block;
    width: .5rem;
    height: .5rem;
    position: absolute;
    z-index: 9001;
    top: -1px;
    right: -25px;
    background-color: #fff;
    text-align: center;
    font-size: .5rem;
    line-height: .45rem;
    border: 1px solid #7f97ea;
    border-left: none;
}

.p-win-closes:after {
    display: inline-block;
    content: '';
    width: 9px;
    height: 9px;
    background-position: 0 -107px;
    vertical-align: 7%;

}
.check{
	margin:.5rem;
    height:6rem;
    overflow: hidden;
    overflow-y: auto;
	}
.check  input{
	width:.3rem;
	height:.3rem;
	min-width:.3rem;
	
	}
.check label{
	width:95%;
	float:left;
	padding:.2rem;
	margin:.1rem 0;
	border: 1px solid #afafaf;
}
.po{
	width:100%;
	text-align:center;
}
.fo{
	float:left;
}
.filePrew{
    background-image:url("../images/bg/addpng.png");
    width: 2rem;
    background-color:#fff;
    height: 5rem;
    border: 0px;
}


.sub-box a:link, a:visited{
    color: #fff;
}
.sub{
    width:100%;
    line-height:.7rem;
    text-align: center;
    background:#5279ff;
    display: block;
    color: #fff;
}
.re-sub-box{
    width: 98%;
    margin: 0 5%;
    margin-top: .5rem;
}
.back a{
    color:#5279ff;
    line-height:.5rem;
}
.re-title{
    width: 100%;
    line-height: .6rem;
    text-indent: .2rem;
}
.re-img-box{
    display: table-cell;
    width: 3rem;
    vertical-align: middle;
    text-align: center;
}

.re-img-box img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.im{
    white-space:normal;
    overflow: hidden;
    margin-right: 5px;
    vertical-align: -5px;
}
